<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接标签a</title>
</head>
<body>
<a href="demo06table.html" target="_blank">跳转到第6个</a>
<a href="https://www.baidu.com">百度</a>
<a href="img/zly.jpg">惊喜图片</a>
<a href="https://www.baidu.com" target="_blank">
    <img src="img/zly.jpg" title="惊喜图片" alt="惊喜图片" width="200px"/>
</a>
<a href="https://www.baidu.com" target="_blank">百度2</a>
<hr>
<a href="#d2">第二章</a>
<a href="#d3">第三章</a>
<h3 id="d1">第一章</h3>
<p>
  lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam at, commodi, eligendi, explicabo fugiat
  impedit molestias nemo numquam odio odit ratione repudiandae soluta sunt tempore tenetur vitae voluptates?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, cum cumque. Aut commodi dignissimos distinctio dolorem dolores eos expedita facere, in iusto maiores nisi obcaecati officia pariatur praesentium, quas velit.
lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, cum cumque. Aut commodi dignissimos distinctio dolorem dolores eos expedita facere, in iusto maiores nisi obcaecati officia pariatur praesentium, quas velit.
    lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam at, commodi, eligendi, explicabo fugiat
    impedit molestias nemo numquam odio odit ratione repudiandae soluta sunt tempore tenetur vitae voluptates?
    lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam at, commodi, eligendi, explicabo fugiat
    impedit molestias nemo numquam odio od
    lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam at, commodi, eligendi, explicabo fugiat
    impedit molestias nemo numquam odio od

</p>
<h3 id="d2">第二章</h3>
<p>
  lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam at, commodi, eligendi, explicabo fugiat
  impedit molestias nemo numquam odio odit ratione repudiandae soluta sunt tempore tenetur vitae voluptates?

    lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam at, commodi, eligendi, explicabo fugiat
    impedit molestias nemo num

    lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam at, commodi, eligendi, explicabo fugiat
    impedit molestias nemo num

    lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam at, commodi, eligendi
</p>
<h3 id="d3">第三章</h3>
<p>
  lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam at, commodi, eligendi, explicabo fugiat
  impedit molestias nemo numquam odio odit ratione repudiandae soluta sunt tempore tenetur vitae voluptates?

</p>
<!--空是直接刷新页面-->
<a href="#">顶部</a>
</body>
</html>